<template>
  <div class="search-box">
    <u-search placeholder="请输入产品/机构关键字搜索" shape="square" v-model="keyWord" :actionStyle="actionStyle" actionText="搜索"  @custom="search"  @search="search" ></u-search>
  </div>
</template>

<script>
export default {
  data() {
    return {
      keyWord: '',
      actionStyle:{
        color: '#fff'
      }
    }
  },
  methods:{
    search() {
      this.$emit("dokeyWord", this.keyWord)
    }
  }
}
</script>

<style lang="scss" scoped>
.search-box{
  background-image: linear-gradient(to bottom, #0d93d3, #add8e6);
  padding: 10rpx 40rpx 70rpx 40rpx;
}
</style>